:root{color-scheme:dark;--bg:#08101f;--panel:#111c30;--panel2:#152239;--line:#283854;--text:#eef3ff;--muted:#8c9ab2;--cyan:#4fd8e8;--blue:#738cff;--green:#53d6a1;--red:#ff7180;--amber:#f5bd64;--violet:#bd8cff;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:radial-gradient(ellipse at 30% -20%,#25375f 0,transparent 45%),var(--bg);color:var(--text)}.navbar{background:#0a1220eb;backdrop-filter:blur(16px)}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:linear-gradient(135deg,#728bff,#38bdd4);font-weight:900;color:white;box-shadow:0 5px 25px #4f72e940}.probe-pill{display:flex;align-items:center;gap:8px;color:#9ba9c1;font-size:11px}.probe-pill i,.connection-light{width:8px;height:8px;border-radius:50%;background:#69758b;box-shadow:0 0 12px currentColor}.probe-pill.up i,.connection-light.up{background:var(--green);color:var(--green)}.probe-pill.down i,.connection-light.down{background:var(--red);color:var(--red)}.hero-panel{overflow:hidden;border:1px solid #334765;border-radius:18px;background:linear-gradient(115deg,#142443,#101a2d 65%,#112333);box-shadow:0 18px 70px #0003}.eyebrow{color:#7bdbea;font-size:10px;font-weight:800;letter-spacing:1.7px}.hero-panel h1{letter-spacing:-1.5px}.hero-panel h1 span{color:#86a2ff}.hero-status{font-size:16px;font-weight:800}.hero-status.up{color:var(--green)}.hero-status.down{color:var(--red)}.hero-status.unknown{color:var(--amber)}.connection-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.connection-item{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px;padding:12px 14px;border:1px solid #ffffff14;border-radius:11px;background:#07101f55}.connection-item span:nth-child(2){color:#9ba9c1;font-size:10px}.connection-item strong{font-size:11px}.connection-item small{grid-column:2/-1;color:#7786a0;font-size:9px}.metric-card,.chart-card,.toolbar-panel{border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#121e32,#0f192b);box-shadow:0 10px 38px #0002}.metric-card{padding:18px}.metric-head{display:flex;align-items:center;justify-content:space-between;color:#9ba9c1;font-size:9px;font-weight:800;letter-spacing:1.2px}.metric-icon{padding:5px 7px;border:1px solid #ffffff15;border-radius:6px;color:#8494b3;font-size:8px}.metric-main{margin:17px 0 5px;font-size:30px;font-weight:750;letter-spacing:-1px}.metric-caption{min-height:28px;color:#91a0b8;font-size:10px;line-height:1.5}.progress{height:5px;margin-top:11px;background:#28364e}.progress-bar{transition:width .35s}.gauge-wrap{position:relative;max-width:210px;height:121px;margin:6px auto 0;text-align:center}.gauge-wrap svg{width:100%;height:112px;overflow:visible}.gauge-track,.gauge-arc{fill:none;stroke-width:12;stroke-linecap:round}.gauge-track{stroke:#293852}.gauge-arc{stroke:var(--green);stroke-dasharray:252;stroke-dashoffset:252;transition:stroke-dashoffset .4s}.gauge-arc.warn{stroke:var(--amber)}.gauge-arc.danger{stroke:var(--red)}.gauge-wrap line{stroke:#e9efff;stroke-width:2}.gauge-wrap circle{fill:#e9efff}.gauge-wrap strong{position:absolute;top:71px;left:0;width:100%;font-size:19px}.chart-card{min-width:0;padding:19px}.chart-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.chart-title h2{margin:0 0 4px;font-size:14px;font-weight:700}.chart-title p{margin:0;color:var(--muted);font-size:10px}.chart-card svg{display:block;width:100%;height:auto;min-height:190px;overflow:visible}.gridline{stroke:#263550;stroke-width:1}.axis-line,.axis-tick{stroke:#74829c;stroke-width:1}.axis-label{fill:#8190aa;font-size:10px}.chart-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.legend{display:flex;flex-wrap:wrap;gap:10px;color:#94a2bb;font-size:9px}.legend span{display:flex;align-items:center;gap:5px;white-space:nowrap}.legend i,.availability-legend i{width:8px;height:3px;border-radius:4px;background:var(--series)}.c-cpu{--series:var(--cyan)}.c-ram{--series:var(--blue)}.c-disk{--series:var(--amber)}.c-load{--series:var(--violet)}.c-proc{--series:var(--cyan)}.c-net-in{--series:var(--green)}.c-net-out{--series:var(--blue)}.c-io{--series:var(--amber)}.c-up{--series:var(--green)}.c-down{--series:var(--red)}.c-gap{--series:#69758b}.availability-summary{color:var(--green);font-size:20px;font-weight:800}.availability-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:7px;color:#94a2bb;font-size:8px}.availability-legend span{display:flex;align-items:center;gap:5px}.availability-legend .c-up,.availability-legend .c-down,.availability-legend .c-gap{width:8px;height:8px;border-radius:2px}.availability-legend .c-up{background:var(--green)}.availability-legend .c-down{background:var(--red)}.availability-legend .c-gap{background:#69758b}.note{margin:10px 0 0;color:#74829a;font-size:9px;line-height:1.5}.services-list{display:grid;gap:7px}.service-row{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #263550;border-radius:9px;background:#0d1728}.service-row strong{font-size:10px}.service-row span,.service-row small{color:#9ba9c1;font-size:9px}.service-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.service-dot.down{background:var(--red)}.process-list{display:grid;gap:7px}.process-row{display:grid;grid-template-columns:minmax(100px,1fr) auto auto;align-items:center;gap:8px;padding:9px 11px;border:1px solid #263550;border-radius:8px;color:#aab7ce;font-size:9px}.process-row strong{overflow:hidden;color:#edf3ff;text-overflow:ellipsis;white-space:nowrap}.empty-state{padding:20px;color:#7e8da7;font-size:10px}.dashboard-footer{display:flex;justify-content:space-between;gap:12px;padding:14px 4px;border-top:1px solid #ffffff12;color:#71809a;font-size:9px}@media(max-width:767px){.connection-strip{grid-template-columns:1fr}.hero-panel h1{font-size:32px}.dashboard-footer{flex-direction:column}.chart-title{flex-direction:column}.chart-card svg{min-height:160px}}